/** Add css rules here for your application. */

body{
  font-size: 13px;
}

.contentTitle{
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 15px;
}

.contentDescription{
  padding-bottom: 15px;
  border-bottom: 1px solid #7aa5d6;
  margin-bottom: 15px;
}

.error{
  color: red;
}


/* ScrollTable CSS */

/* Based on css files from
 * http://rcswebsolutions.wordpress.com/2007/01/02/scrolling-html-table-with-fixed-header/
 */

/**
 * 1. Copy following to your css file
 */
/* This makes the scrolling table work */
div.gwt-ScrollTableContainer {
  overflow: auto;
  position: relative;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.gwt-ScrollTableContainer table>tbody{
  overflow: auto;
  overflow-x: hidden;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.gwt-ScrollTableContainer td:last-child {
  padding-right: 20px;
}

/* non-standard IE Specific Rules*/
div.gwt-ScrollTableContainer thead tr	{
  position: relative;
  
  /* Causes the pixel header row to stay fixed in IE*/
  top: expression(offsetParent.scrollTop);
  /* This fixes a strange bug in IE where the header row would "shift" 1px to
     the right after the table was scrolled down.  It would not shift back
     after scrolling all the way, which made my first solution based on
     offSetParent.scrollTop == 0 not an effective solution*/
  left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px");
}


/**
 * 2. Sample style, customize as your needs
 */
.gwt-ScrollTable thead tr{
  margin: 0;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	font-weight: normal;
	padding: 4px 3px 3px 4px;
	background: #ccc;
	font-weight: bold;
}

.gwt-ScrollTable tbody tr{
  cursor: hand;
  cursor: pointer;
}

.gwt-ScrollTable tbody tr.selected{
  background: #92c1f0;
}
